<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>我的</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link rel="stylesheet" href="css/swiper-3.4.0.min.css">
<link href="css/my.css" rel="stylesheet">
</head>
<body>
    <!-- header  start -->
    <header>
        <i class="iconfont back">&#xe608;</i>
        <span>我的资料</span>
        <div class="area"><a href="login.html">登录</a></div>
    </header>
    <!-- header  end -->

    <!-- banner  start -->
    <div class="try">
        <div class="number">
            <img src="images/dog.png" alt="">
            <p>
                <span>Try 
                <i class="first"></i>
                <i class="second"></i>
                </span>
                <b>宠友号：1903131</b>
            </p>
            <i>&gt;</i>
        </div>
        <ul >
            <li>关注 2<span>|</span> </li>
            <li>粉丝 2 <span>|</span></li>
            <li>被赞 2</li>
        </ul>      
    </div>
    <!-- banner  end -->

    <!-- nav  start -->
    <div class="my">
        <ul>
            <li><a href="#">
                <img src="images/pet01.png" alt="">
                <p>我的宠物</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="add.html">
                <img src="images/pet02.png" alt="">
                <p>我的好友</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="message.html">
                <img src="images/pet03.png" alt="">
                <p>我的消息</p>
                <div class="code">
                    <span>1</span>
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/pet04.png" alt="">
                <p>我的相册</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/pet05.png" alt="">
                <p>我的帖子</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/pet06.png" alt="">
                <p>我的收藏</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/pet07.png" alt="">
                <p>设置</p>
                <div class="code">
                    <i>&gt;</i>
                </div>
            </a></li>
        </ul>
    </div>     
    <!-- nav  end  -->

    <!-- 底部 start -->
    <div class="tabBtn">
        <ul class="clearfix">
            <li><a href="index.html">
                <div class="pImg"></div>
                <p>首页</p>
            </a></li>
            <li><a href="liuliu.html">
                <div class="pImg"></div>
                <p>溜溜</p>
            </a></li>
            <li><a href="serve.html">
                <div class="pImg"></div>
                <p>服务</p>
            </a></li>
            <li class="current"><a href="my.html">
                <div class="pImg"></div>
                <p>我的</p>
            </a></li>
        </ul>
    </div>
    <!-- 底部 end -->

<script src="js/swiper-3.4.0.min.js"></script>    
</body>
</html>